aggregate circular button style to the main button structure.
.linked.vertical > &:active,
.linked.vertical > &:checked,
.linked.vertical > &:backdrop { @extend %linked_vertical; }
+
+ &.circular { // The Bloody Circul Button
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px;
+
+ label { padding: 0; }
+ }
}
%needs_attention {
.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview
-button.circular { // FIXME: aggregate to buttons
- border-radius: 9999px;
- -gtk-outline-radius: 9999px;
-
- label { padding: 0; }
-}
-
// shortcut window keys
.keycap {
min-width: 20px;
.primary-toolbar
button {
-gtk-icon-shadow: none; }
+button.circular {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px; }
+ button.circular label {
+ padding: 0; }
.stack-switcher >
button.needs-attention > label,
.context-menu {
font: initial; }
-button.circular {
- border-radius: 9999px;
- -gtk-outline-radius: 9999px; }
- button.circular label {
- padding: 0; }
-
.keycap {
min-width: 20px;
min-height: 25px;
.primary-toolbar
button {
-gtk-icon-shadow: none; }
+button.circular {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px; }
+ button.circular label {
+ padding: 0; }
.stack-switcher >
button.needs-attention > label,
.context-menu {
font: initial; }
-button.circular {
- border-radius: 9999px;
- -gtk-outline-radius: 9999px; }
- button.circular label {
- padding: 0; }
-
.keycap {
min-width: 20px;
min-height: 25px;